<template>
	<view class="page">
		<view class="u-p-b-15" style="background-color: #f1f1f1;">
			<view class="top">
				<view class="flex align-center">
					<!-- logo -->
					<u-image class="shrink-0" shape="circle" width="100" height="100" :src="schoolInfo.logo"></u-image>
					<view class="u-m-l-30 u-flex-1">
						<view>
							<text class="u-font-32 bold u-m-r-25">
								{{schoolInfo.schoolName || ''}}
							</text>
							<text class="u-font-26">
								{{schoolInfo.collegeName || ''}}
							</text>
						</view>
						<view class="u-m-t-15 flex">
							<view class="flex align-center u-p-10" style="background-color: #f9e689;border-radius: 10rpx;">
								<view class="u-font-26 u-m-r-25">{{schoolInfo.majorName || ''}}</view>
								<view class="u-font-24">学硕/{{schoolInfo.studyType==1?'全日制':'非全日制'}}</view>
							</view>
							<view class="star" v-if="schoolInfo.majorStar">5★+</view>
						</view>
					</view>
				</view>
				<!-- rank -->
				<view class="flex align-center u-font-24 u-m-t-30">
					<view v-if="schoolInfo.subjectRank" class="u-m-r-20">排名第 <text
							class="u-font-28 bold text-warning">{{schoolInfo.subjectRank || 0}}</text> </view>
					<view v-if="schoolInfo.establishNum">全国共 <text
							class="u-font-28 bold text-warning">{{schoolInfo.establishNum || 0}}</text>
						所大学开设了该专业</view>
					<view class="u-font-20 colorMain prediction" @click="reservation">{{isCancel ? '取消预报' : '预报看热度'}}</view>
				</view>
			</view>
		</view>
		<!-- tabs -->
		<u-tabs inactive-color="#000" :active-item-style="{fontSize:'28rpx'}" :duration="0.2"
			:bar-style="{background:'#F7DD5E'}" active-color="#000" :bar-width="80" swiperWidth="750" :bar-height="14"
			:font-size="28" :list="tabs" is-scroll :current="current" @change="tabsChange"></u-tabs>
		<!-- content -->
		<scroll-view scroll-y="true" :style="[scrollStyle]">
			<view class="u-p-l-30 u-p-r-30 u-font-24">
				<u-collapse ref="uCollapse">
					<!-- 基础信息 -->
					<template v-if="current === 0">
						<u-collapse-item index="diretion" name="researchDirection" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">1</view>
									<view>研究方向、考试科目和参考书目</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555">
								<view v-if="diretion">
									<view v-for="(item,index) in diretion" :key="index">
										<view v-for="(item1,index1) in item" :key="index1" class="diretionBox">
											<view class="header u-font-26">
												<view class="year bold">{{item1.coreStudyDirectionEntityList[0].majorYear}}年</view>
												<view class="title" v-for="(name,nameI) in item1.major" :key="nameI">
													{{name}}
												</view>
											</view>
											<view class="direction-item u-p-l-25" v-for="(t,i) in item1.tbaseExamSubjectList" :key="i">
												<view class="flex flex-column justify-center u-m-t-40 u-font-24">
													<view class="bold color333">科目一</view>
													<view class="u-m-t-5">{{ t.code1 }} </view>
													<view class="color999 u-m-t-5" v-if="t.book1">[参考资料{{t.book1}}]</view>
												</view>
												<view class="flex flex-column justify-center u-m-t-20 u-font-24">
													<view class="bold color333">科目二</view>
													<view class="u-m-t-5">{{ t.code2 }} </view>
													<view class="color999 u-m-t-5" v-if="t.book2">[参考资料{{t.book2}}]</view>
												</view>
												<view class="flex flex-column justify-center u-m-t-20 u-font-24">
													<view class="bold color333">科目三</view>
													<view class="u-m-t-5">{{ t.code3 }} </view>
													<view class="color999 u-m-t-5" v-if="t.book3">[参考资料{{t.book3}}]</view>
												</view>
												<view class="flex flex-column justify-center u-m-t-20 u-font-24">
													<view class="bold color333">科目四</view>
													<view class="u-m-t-5">{{ t.code4 }} </view>
													<view class="color999 u-m-t-5" v-if="t.book4">[参考资料{{t.book4}}]</view>
												</view>
											</view>
										</view>
									</view>
								</view>
								<view v-else class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="educationalSystem" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">2</view>
									<view>学制</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555">
								<view class="text-center" v-if="priceInfo.educationalSystem">{{priceInfo.educationalSystem}}</view>
								<view v-else class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="tuition" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">3</view>
									<view>学费</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555">
								<view class="text-center" v-if="priceInfo.tuition">{{priceInfo.tuition}}</view>
								<view v-else class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="scholarship" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">4</view>
									<view>奖学金</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555">
								<view class="text-center" v-if="priceInfo.scholarship">{{priceInfo.scholarship}}</view>
								<view v-else class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getTeacherList" title="导师" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">5</view>
									<view>导师</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555">
								<view v-if="teacherList.length" class="flex align-center justify-center flex-wrap">
									<view class="u-m-l-20" v-for="(item, index) in teacherList" :key="index">
										<text>{{ item.userName }}</text>
									</view>
								</view>
								<view v-else class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item>
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">6</view>
									<view>复试内容</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555">
								<view class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item>
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">7</view>
									<view>录取要求</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555">
								<view class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getNewarticleDetails1" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">8</view>
									<view>专项计划</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555">
								<template v-if="newArticle.length">
									<view class="w-100 flex u-m-t-40" v-for="(item,index) in newArticle" :key="index"
										@click="handleJump(item,index)">
										<view class="blok"></view>
										<view class="con">
											<text class="u-m-b-10">{{item.title}}</text>
											<text>{{item.createTime}} <text style="margin: 0 20rpx;color: #bfbfbf;"> |
													赞{{item.giveUpCount||0}} | </text> 浏览{{item.browseCount||0}}</text>
										</view>
									</view>
									<view class="u-m-t-40">
										<u-loadmore :status="newArticlePage.status"
											@loadmore="newArticleLoadmore('getNewarticleDetails1')" />
									</view>
								</template>
								<view v-else class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getNewarticleDetails2" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">9</view>
									<view>调剂相关</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555">
								<template v-if="newArticle.length">
									<view class="w-100 flex u-m-t-40" v-for="(item,index) in newArticle" :key="index"
										@click="handleJump(item,index)">
										<view class="blok"></view>
										<view class="con">
											<text class="u-m-b-10">{{item.title}}</text>
											<text>{{item.createTime}} <text style="margin: 0 20rpx;color: #bfbfbf;"> |
													赞{{item.giveUpCount||0}} | </text> 浏览{{item.browseCount||0}}</text>
										</view>
									</view>
									<view class="u-m-t-40">
										<u-loadmore :status="newArticlePage.status"
											@loadmore="newArticleLoadmore('getNewarticleDetails2')" />
									</view>
								</template>
								<view v-else class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getNewarticleDetails3" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">10</view>
									<view>其他</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555">
								<template v-if="newArticle.length">
									<view class="w-100 flex u-m-t-40" v-for="(item,index) in newArticle" :key="index"
										@click="handleJump(item,index)">
										<view class="blok"></view>
										<view class="con">
											<text class="u-m-b-10">{{item.title}}</text>
											<text>{{item.createTime}} <text style="margin: 0 20rpx;color: #bfbfbf;"> |
													赞{{item.giveUpCount||0}} | </text> 浏览{{item.browseCount||0}}</text>
										</view>
									</view>
									<view class="u-m-t-40">
										<u-loadmore :status="newArticlePage.status"
											@loadmore="newArticleLoadmore('getNewarticleDetails3')" />
									</view>
								</template>
								<view v-else class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
					</template>
					<!-- 复录比 -->
					<template v-if="current === 1">
						<u-collapse-item index='getblb' @change="handleCollapseItemChange" :open="current1">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<u-icon class="u-m-r-15"
										name="https://image.alhelp.net/uploads/20231104/340b7c248a2fff875289157d194f1c29.png"
										size="32"></u-icon>
									<view>招生人数</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<view v-for="(item,index) in reportingInfo.list" :key="index" class="u-font-24 color666 u-m-b-35">
									<view class="flex">
										<view class="reportingInfoYear u-font-26 bold color333">{{item.year || '无'}}年</view>
									</view>
									<view class="u-m-t-10">统计口径按 <text class="text-warning u-m-l-5 bold">{{item.statistics || '无'}}</text>
									</view>
									<view class="u-m-t-10">{{item.other || '无'}}</view>
									<view v-if="item.speciaPlanCondition" class="u-m-t-10">专项报考条件：{{item.speciaPlanCondition || '无'}}
									</view>
									<view v-if="item.rate" class="u-m-t-10">复录比
										<text class="text-warning bold">{{item.rate}}</text>
									</view>
									<view v-if="item.otherCondition" class="u-m-t-10">其他报考条件：{{item.otherCondition || '无'}}</view>
									<view v-if="item.majorBan" class="u-m-t-10">报考专业限制条件（多对多）：{{item.majorBan || '无'}}</view>
								</view>
								<view class="u-m-t-30">
									<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" :headers="reportingInfo.headers"
										:contents="reportingInfo.tableData" width="100%" />
								</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getFirstScoreRate" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<u-icon class="u-m-r-15"
										name="https://image.alhelp.net/uploads/20231104/340b7c248a2fff875289157d194f1c29.png"
										size="32"></u-icon>
									<view>初试分数线</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<view class="u-m-t-30">
									<view v-show="!!firstNumInfo.seriesData.length">
										<line isShadow lineTypes="curve" linearType="custom" ref="fristTotal" :max="700"
											:seriesData="firstNumInfo.seriesData" :categories="firstNumInfo.categories">
										</line>
									</view>
									<view class="u-m-t-30">
										<v-tabs v-model="firstNumInfo.tabChoose" :tabs="firstNumInfo.tabs" @change="handleChangeInfoTabs"
											activeColor="#333" lineColor="#F7DD5E"></v-tabs>
										<view class="u-m-t-10">
											<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" :headers="firstNumInfo.headers"
												:contents="firstNumInfo.tableData" width="100%" />
										</view>
									</view>
								</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getScoreSection1" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<u-icon class="u-m-r-15"
										name="https://image.alhelp.net/uploads/20231104/42112fa0ed7e9c879d6965a7badf2bae.png"
										size="32"></u-icon>
									<view>初试成绩(按第一志愿口径)</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<view style="color:red;font-size: 28rpx;margin-bottom: 10rpx;">*N为当年的初试国家线</view>
								<v-tabs v-model="firstAchievement.tabChoose" :tabs="firstAchievement.tabs"
									@change="(index)=>{this.handleChangeInfoTabsFrist(index,'getScoreSection1')}" activeColor="#333"
									lineColor="#F7DD5E"></v-tabs>
								<view class="flex align-center u-m-t-30" v-for="(item,index) in firstAchievement.seriesData"
									:key="index">
									<view class="shrink-0">{{item.year}}年</view>
									<view class="flex align-center group u-flex-1 shrink-0 u-m-l-30">
										<view style="height: 30rpx;" v-for="(tag,tagI) in item.data" :key="tagI"
											:style="'background-color:'+color[tagI]+';width:'+tag"></view>
									</view>
								</view>
								<view class="flex flex-wrap justify-center align-center u-font-24 u-m-t-20">
									<view class="flex align-center u-m-r-30" v-for="(item,index) in firstAchievement.interval"
										:key="index">
										<view style="height: 15rpx;width: 25rpx;margin-right: 5rpx;"
											:style="'background-color:'+color[index]"></view>
										{{item}}
									</view>
								</view>
								<view v-show="!!firstAchievement.seriesData1.length">
									<line isShadow lineTypes="curve" linearType="custom" ref="fristCj1" :max="700"
										:seriesData="firstAchievement.seriesData1" :categories="firstAchievement.categories1">
									</line>
								</view>
								<view class="u-m-t-30">
									<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" :headers="firstAchievement.headers"
										:contents="firstAchievement.tableData" width="100%" />
								</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getScoreSection2" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<u-icon class="u-m-r-15"
										name="https://image.alhelp.net/uploads/20231104/42112fa0ed7e9c879d6965a7badf2bae.png"
										size="32"></u-icon>
									<view>初试成绩(按调剂口径)</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<view style="color:red;font-size: 28rpx;margin-bottom: 10rpx;">*N为当年的初试国家线</view>
								<v-tabs v-model="firstAchievement.tabChoose" :tabs="firstAchievement.tabs"
									@change="(index)=>{this.handleChangeInfoTabsFrist(index,'getScoreSection2')}" activeColor="#333"
									lineColor="#F7DD5E"></v-tabs>
								<view class="flex align-center u-m-t-30" v-for="(item,index) in firstAchievement.seriesData"
									:key="index">
									<view class="shrink-0">{{item.year}}年</view>
									<view class="flex align-center group u-flex-1 shrink-0 u-m-l-30">
										<view style="height: 30rpx;" v-for="(tag,tagI) in item.data" :key="tagI"
											:style="'background-color:'+color[tagI]+';width:'+tag"></view>
									</view>
								</view>
								<view class="flex flex-wrap justify-center align-center u-font-24 u-m-t-20">
									<view class="flex align-center u-m-r-30" v-for="(item,index) in firstAchievement.interval"
										:key="index">
										<view style="height: 15rpx;width: 25rpx;margin-right: 5rpx;"
											:style="'background-color:'+color[index]"></view>
										{{item}}
									</view>
								</view>
								<line isShadow lineTypes="curve" linearType="custom" ref="fristCj2" :max="700"
									:seriesData="firstAchievement.seriesData1" :categories="firstAchievement.categories1">
								</line>
								<view class="u-m-t-30">
									<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" :headers="firstAchievement.headers"
										:contents="firstAchievement.tableData" width="100%" />
								</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="retestCj" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<u-icon class="u-m-r-15"
										name="https://image.alhelp.net/uploads/20231104/42112fa0ed7e9c879d6965a7badf2bae.png"
										size="32"></u-icon>
									<view>复试成绩</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<v-tabs v-model="retestInfo.tabChoose" :tabs="retestInfo.tabs" @change="handleChangeInfoTabsRetest"
									activeColor="#333" lineColor="#F7DD5E"></v-tabs>
								<line isShadow lineTypes="curve" linearType="custom" ref="retestCj" :max="700"
									:seriesData="retestInfo.seriesData1" :categories="retestInfo.categories1">
								</line>
								<view class="u-m-t-30">
									<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" :headers="retestInfo.headers"
										:contents="retestInfo.tableData" width="100%" />
								</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="admission" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<u-icon class="u-m-r-15"
										name="https://image.alhelp.net/uploads/20231104/42112fa0ed7e9c879d6965a7badf2bae.png"
										size="32"></u-icon>
									<view>录取成绩</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<v-tabs v-model="admissionInfo.tabChoose" :tabs="admissionInfo.tabs"
									@change="handleChangeInfoTabsAdmission" activeColor="#333" lineColor="#F7DD5E"></v-tabs>
								<line isShadow lineTypes="curve" linearType="custom" ref="admissionCj"
									:seriesData="admissionInfo.seriesData1" :categories="admissionInfo.categories1">
								</line>
								<view class="u-m-t-30">
									<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" :headers="admissionInfo.headers"
										:contents="admissionInfo.tableData" width="100%" />
								</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="nameList" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<u-icon class="u-m-r-15"
										name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/12/14/d2b7aeee84f5495b85cbe38a87c50aed.png"
										size="32"></u-icon>
									<view>复试名单&录取名单</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<template v-if="nameListInfo.tableData && nameListInfo.tableData.length">
									<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" :headers="nameListInfo.headers"
										:contents="nameListInfo.tableData" width="100%" />
									<view class="u-m-t-40">
										<u-loadmore font-size="24" :status="nameListInfo.status" @loadmore="nameListLoadmore" />
									</view>
								</template>
								<view v-else class="text-center">无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
					</template>
					<!-- 调剂信息 -->
					<template v-if="current === 2">
						<u-collapse-item index="getAdjustYearInfo" @change="handleCollapseItemChange" :open="current2">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">1</view>
									<view>往年调剂情况</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<view>
									<view class="u-font-28 color999 u-p-t-40 u-p-b-20">近四年接收调剂情况</view>
									<view v-if="receiveHeaders.length > 1">
										<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" :headers="receiveHeaders"
											:contents="receiveTableData" width="100%" />
									</view>
								</view>
								<view>
									<view class="u-font-28 color999 u-p-t-40 u-p-b-20">近四年复试/调剂分数线</view>
									<view v-if="retestHeaders.length > 1">
										<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" :headers="retestHeaders"
											:contents="fractionTableData" width="100%" />
									</view>
									<view v-else class="text-center">无数据</view>
								</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getAdjustSourceList" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">2</view>
									<view>往年调剂名单</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<template v-if="adjustMentsTableData && adjustMentsTableData.length">
									<view class="u-font-28 u-m-b-20">
										<view class="colorF7 word-break-all" v-html="sourcePage.msg">
										</view>
									</view>
									<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" ref="table" :headers="adjustMentsHeaders"
										:contents="adjustMentsTableData" width="100%" />
									<view class="u-m-t-40">
										<u-loadmore font-size="24" :status="sourcePage.status" @loadmore="sourceLoadmore" />
									</view>
								</template>
								<view v-else class="text-center">无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getAdjustGoList" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">3</view>
									<view>调剂去向</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<view class="tips u-m-b-10">
									<u-icon class="u-m-r-10"
										name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/11/13/c4fc9d4dcecb4e4a9cb8bf17a511e221.png"
										size="32"></u-icon>
									同校去向：报考了该大学专业的同学被以下大学调剂录取了:
								</view>
								<template v-if="txTableData && txTableData.length">
									<view class="u-font-28 u-m-b-20">
										<view class="u-font-28 u-m-b-20">
											<view class="colorF7 word-break-all" v-html="txGoPage.msg">
											</view>
										</view>
									</view>
									<view>
										<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" ref="table" :headers="txHeaders"
											:contents="txTableData" width="100%" />
									</view>
									<view class="u-m-t-40">
										<u-loadmore :status="txGoPage.status" @loadmore="txGoLoadmore" />
									</view>
								</template>
								<view v-else class="text-center">无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
					</template>
					<!-- 就业情况 -->
					<template v-if="current === 3">
						<u-collapse-item index="getJobData1" @change="handleCollapseItemChange" :open="current3">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">1</view>
									<view>毕业生签约地区</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<view style="height: 500rpx;" v-show="!!jobBarData.length">
									<bar ref="jobBar" :categories="jobBarCate" :seriesData="jobBarData"></bar>
								</view>
								<view v-show="!jobBarData.length" class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getJobData2" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">2</view>
									<view>毕业生签约单位性质</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<view style="height: 500rpx;" v-show="!!jobGroupData.length">
									<bar ref="jobGroup" :categories="jobGroupCate" :seriesData="jobGroupData"></bar>
								</view>
								<view v-show="!jobGroupData.length" class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
						<u-collapse-item index="getJobData3" @change="handleCollapseItemChange">
							<template slot="title">
								<view class="flex u-font-26 align-center">
									<view class="flex align-center justify-center colorMain u-m-r-15 badge">3</view>
									<view>主要签约单位</view>
								</view>
							</template>
							<view class="u-p-b-30 u-font-26 color555 w-100">
								<view v-if="companyArr.length">
									<wyb-table showLeftAndRightBorder headerBgColor="#f1f1f1" :headers="companyHeaders"
										:contents="companyArr" width="100%" />
								</view>
								<view v-else class="text-center">暂无数据</view>
							</view>
							<view class="lineBox"></view>
						</u-collapse-item>
					</template>
				</u-collapse>
				<template v-if="current == 4">
					<schoolInfo ref="schoolInfo" :code="info.schoolCode"></schoolInfo>
				</template>
				<view class="mask" v-if="current > 0 && !isFree">
					<view class="flex flex-column align-center justify-center" v-if="freeNum > 0">
						<view class="u-font-28 text-center" style="width: 500rpx;">您暂时未解锁查看专业详情的全部功能，仅可免费试用三次，当前剩余 <text
								class="text-warning">{{freeNum}}</text> 次</view>
						<view class="unlock u-font-20 colorMain u-m-t-40" @click="handleAddFree">立即试用</view>
					</view>
					<view class="flex flex-column align-center justify-center" v-else>
						<view class="text-warning u-font-28">免费次数已用完，请解锁VIP继续查看</view>
						<view class="unlock u-font-20 colorMain u-m-t-40" @click="handleUnlock">立即解锁</view>
					</view>
				</view>
			</view>
		</scroll-view>
		<payPopup :show="isShow" :popupsVal="popupsVal" :community="community" :jumpUrl="jumpUrl" @pageFun="isShow = false">
		</payPopup>
		<!-- tips -->
		<view class="u-font-20 tipsBox" @click="handleTips">
			<u-icon
				name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/12/14/4f605567e7be4601a04120aa262d54cf.png"
				size="48"></u-icon>
			<view>解读技巧</view>
		</view>
		<!-- tips-box -->
		<u-modal confirm-text="我知道了" confirm-color="#F59A23" title="学校是否保护第一志愿？" v-model="isTips">
			<view class="u-m-t-30 u-p-l-30 u-p-r-30 u-font-26 text-center">
				<view class="u-m-b-30">
					<view>复录比大于1.2:1，还接收调剂的</view>
					<view class="bold">———不保护一志愿</view>
				</view>
				<view class="u-m-b-30">
					<view>接收调剂生：一志愿录取最低分>国家线20分~30分</view>
					<view class="bold">———不保护一志愿</view>
				</view>
				<view class="u-m-b-30">
					<view>有调剂进来，又有调剂出去的</view>
					<view class="bold">———不保护一志愿</view>
				</view>
			</view>
		</u-modal>
	</view>
</template>

<script>
	import {
		getMajorList,
		querySchoolDtail,
		getSchoolPriceInfo,
		getTeacherList,
		getOther,
		getJobData,
		newarticleDetails,
		getblb,
		firstScoreRate,
		getScoreSection,
		getMaxEnrollInfoYears,
		getTraffic,
		addTraffic,
		ApiIsFree,
		deleteTraffic,
		bulletFrame,
		ApiAddFree,
		pageBaseEnrollInfoEnroll
	} from '@/api/toolbox.js'
	import {
		getAdjustGoList,
		getAdjustSourceList,
		getAdjustYearInfo
	} from '@/api/school.js';
	import wybTable from '../components/wyb-table/wyb-table.vue';
	import pie from '../components/qiun-echarts/pie.vue';
	import bar from '../components/qiun-echarts/bar.vue';
	import group from '../components/qiun-echarts/group.vue';
	import line from '../components/qiun-echarts/line.vue';
	import schoolInfo from '../components/schoolInfo/schoolInfo.vue';
	import vTabs from '../components/v-tabs/components/v-tabs/v-tabs.vue';
	import payPopup from '../components/pay-popup/pay-popup.vue';
	export default {
		components: {
			pie,
			bar,
			group,
			line,
			wybTable,
			schoolInfo,
			vTabs,
			payPopup
		},
		data() {
			return {
				isTips: false,
				freeNum: 0, //免费查看次数
				// 当用户用完次数，且未解锁时，默认展开需要解锁的第一项
				current1: false,
				current2: false,
				current3: false,
				isShow: false,
				jumpUrl: '',
				popupsVal: '',
				community: '',
				maskTop: 0,
				isFree: false, //是否拥有免费观看次数
				isCancel: false,
				color: ["#FF0000", "#00b1f2", "#7def86", "#F59A23", "#FFFF00", 'rgb(213, 22, 98)', 'rgb(92, 110, 183)'],
				yearOptions: [],
				//复试名单&录取名单
				nameListInfo: {
					tableData: [],
					headers: [{
						label: '年份',
						key: 'year',
						width: 100
					}, {
						label: '姓名',
						key: 'name',
						width: 100
					}, {
						label: '初试成绩',
						key: 'firstExamGrade',
						width: 140
					}, {
						label: '复试成绩',
						key: 'retestExamGrade',
						width: 140
					}, {
						label: '录取分数',
						key: 'enrollExamGrade',
						width: 140
					}, {
						label: '是否录取',
						key: 'enrollStr',
						width: 140
					}, {
						label: '政治分',
						key: 'politics',
						width: 100
					}, {
						label: '英语分',
						key: 'english',
						width: 100
					}, {
						label: '专一',
						key: 'major1',
						width: 100
					}, {
						label: '专二',
						key: 'major2',
						width: 100
					}],
					page: 1,
					pageSize: 10,
					status: 'loadmore'
				},
				//录取成绩
				admissionInfo: {
					tableData: [],
					seriesData1: [],
					seriesData: [],
					categories: [],
					categories1: ["平均分", "最低分", "最高分"],
					interval: [],
					headers: [],
					data: null,
					tabChoose: 0,
					tabs: ["初试总分", "复试总分", "录取总分"]
				},
				//复制成绩
				retestInfo: {
					tableData: [],
					seriesData1: [],
					seriesData: [],
					categories: [],
					categories1: ["平均分", "最低分", "最高分"],
					interval: [],
					headers: [],
					data: null,
					tabChoose: 0,
					tabs: ["复试总分", "英语", "复试专业课", "综合面试", "政治考核"]
				},
				//初试成绩（第一志愿）
				firstAchievement: {
					tableData: [],
					seriesData1: [],
					seriesData: [],
					categories: [],
					categories1: ["平均分", "最低分", "最高分"],
					interval: [],
					headers: [],
					data: null,
					tabChoose: 0,
					tabs: ["初试总分", "英语", "政治", "专一", "专二"],
				},
				//初试分数线
				firstNumInfo: {
					tableData: [],
					seriesData: [],
					categories: ["英语", "政治", "专业一", "专业二", '总分'],
					headers: [],
					data: null,
					tabChoose: 0,
					tabs: ["初试总分", "英语", "政治", "专一", "专二"],
				},
				//报录比
				reportingInfo: {
					tableData: [],
					headers: [],
					list: []
				},
				newArticle: [],
				newArticlePage: {
					page: 1,
					pageSize: 10,
					status: 'loadmore'
				},
				companyHeaders: [{
					label: '单位名称',
					key: 'name',
					width: '400'
				}, {
					label: '人数',
					key: 'num',
				}],
				companyArr: [],
				jobGroupData: [],
				jobGroupCate: [],
				jobBarData: [],
				jobBarCate: [],
				sourcePage: {
					pageSize: 10,
					pageNum: 1,
					status: 'loadmore',
					msg: "",
				},
				txGoPage: {
					pageSize: 20,
					pageNum: 1,
					status: 'loadmore',
					msg: ""
				},
				fractionTableData: [],
				retestHeaders: [],
				receiveTableData: [],
				receiveHeaders: [],
				adjustMentsTableData: [],
				adjustMentsHeaders: [{
					label: '年份',
					key: 'year',
					width: 100
				}, {
					label: '姓名',
					key: 'name',
					width: 100
				}, {
					label: '初试总分',
					key: 'total',
					width: 120
				}, {
					label: '英语',
					key: 'english',
					width: 80
				}, {
					label: '政治',
					key: 'politics',
					width: 80
				}, {
					label: '专一',
					key: 'specialityOne',
					width: 80
				}, {
					label: '专二',
					key: 'specialityTwo',
					width: 80
				}, {
					label: '一志愿学校',
					key: 'school',
					width: 140
				}, {
					label: '录取专业',
					key: 'majorName',
					width: 140
				}],
				txTableData: [],
				txHeaders: [{
					label: '年份',
					key: 'year',
					width: 100
				}, {
					label: '姓名',
					key: 'name',
					width: 100
				}, {
					label: '初试总分',
					key: 'total',
					width: 120
				}, {
					label: '英语',
					key: 'english',
					width: 80
				}, {
					label: '政治',
					key: 'politics',
					width: 80
				}, {
					label: '专一',
					key: 'specialityOne',
					width: 80
				}, {
					label: '专业',
					key: 'specialityTwo',
					width: 80
				}, {
					label: '调剂录取的大学',
					key: 'school',
					width: 140
				}],
				diretion: [],
				teacherList: [],
				priceInfo: {},
				info: {
					collegeCode: '',
					majorCode: "",
					schoolCode: ""
				},
				schoolInfo: {
					schoolName: "",
					majorName: "",
					studyType: "",
					subjectRank: "",
					establishNum: "",
					collegeName: "",
					logo: "",
					majorStar: "",
					tags: []
				},
				scrollH: 0,
				tagsT: ['primary', 'error', 'warning', 'success', 'info'],
				current: 0,
				tabs: [{
					name: "基础信息"
				}, {
					name: "复录比"
				}, {
					name: "调剂信息"
				}, {
					name: "就业情况"
				}, {
					name: "学校概况"
				}],
			}
		},
		onLoad(e) {
			if (e.items) {
				this.info = JSON.parse(e.items);
			}
			this.getMajorList();
		},
		onShow() {
			this.getBulletFrame();
		},
		computed: {
			scrollStyle() {
				/**
				 * scrollH = windowH - safeAreaB - 400
				 * top height 274
				 * tabs height 80
				 */
				let style = {};
				let sys = this.$u.sys();
				style.height = sys.windowHeight - sys.safeAreaInsets.bottom - uni.upx2px(380) + 'px';
				return style;
			}
		},
		methods: {
			//点击解读技巧
			handleTips() {
				this.isTips = true;
			},
			//页面跳转
			handleJump(item, index) {
				uni.setStorageSync('article', JSON.stringify(item));
				uni.navigateTo({
					url: `/pages/toolbox/chooseMajor/school/components/dynamicDetails?state=${index}`
				})
			},
			//获取复试名单&录取名单下拉
			nameListLoadmore() {
				if (this.nameListInfo.status == 'nomore') return;
				this.nameListInfo.page++;
				this.nameListInfo.status = 'loading';
				this.getNameList();
			},
			//获取复试名单&录取名单
			getNameList() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				pageBaseEnrollInfoEnroll({
					pageNum: this.nameListInfo.page,
					pageSize: this.nameListInfo.pageSize,
					reasonable: true,
					schoolCode: this.info.schoolCode,
					collegeCode: this.info.collegeCode,
					majorCode: this.info.majorCode,
				}).then(res => {
					if (res.code == 100000) {
						if (res.data.rows.length) {
							let list = res.data.rows.map(e => {
								return {
									year: e.year,
									name: e.studentName,
									firstExamGrade: e.firstExamGrade,
									retestExamGrade: e.retestExamGrade,
									enrollExamGrade: e.enrollExamGrade,
									enrollStr: e.enrollStr,
									politics: e.politics,
									english: e.english,
									major1: e.major1,
									major2: e.major2,
								}
							})
							if (this.nameListInfo.page == 1) {
								this.nameListInfo.tableData = list;
							} else {
								this.nameListInfo.tableData.push(...list);
							}
							if (this.nameListInfo.tableData.length >= res.data.total) {
								this.nameListInfo.status = 'nomore';
							} else {
								this.nameListInfo.status = 'loadmore';
							}
						}
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//使用试用机会
			handleAddFree() {
				// 观看次数-1
				ApiAddFree({
					userId: uni.getStorageSync('userId'),
					schoolCode: this.info.schoolCode,
					collegeCode: this.info.collegeCode,
					majorCode: this.info.majorCode
				}).then(res => {
					if (res.code == 100000) {
						uni.showToast({
							title: '试用成功！',
							icon: 'none'
						});
						this.isFree = true;
					}
				});
			},
			//点击解锁按钮
			handleUnlock() {
				this.isShow = true;
			},
			//判断是否可以直接查看
			getBulletFrame() {
				bulletFrame().then(res => {
					this.popupsVal = res.data.popup;
					this.community = res.data.community ? res.data.community.community : '';
					if (res.data.capable == 1) {
						this.isFree = true;
						this.isShow = false;
					} else {
						this.isFree = false;
						this.handleFree();
					}
				})
			},
			//判断是否拥有免费观看次数
			handleFree() {
				ApiIsFree().then(res => {
					this.freeNum = res.data;
				})
			},
			//查询预报状态
			getTrafficInfo() {
				getTraffic({
					year: new Date().getFullYear(),
					'myMajor': this.info.majorCode,
					'myCollege': this.info.collegeCode
				}).then((res) => {
					if (res.code == 100000) {
						this.isCancel = res.data;
					}
				})
			},
			//预报看热度
			reservation() {
				uni.showLoading({
					mask: true
				});
				if (!this.isCancel) {
					addTraffic({
						year: new Date().getFullYear(),
						mySchool: this.info.schoolCode,
						myMajor: this.info.majorCode,
						myCollege: this.info.collegeCode
					}).then(res => {
						if (res.code == 100000) {
							this.isCancel = !this.isCancel;
							uni.showToast({
								title: '报名成功！',
								icon: 'none'
							})
						} else {
							uni.showToast({
								title: res.msg || '报名失败',
								icon: 'none'
							})
						}
					}).finally(() => {
						uni.hideLoading();
					})
				} else {
					deleteTraffic({
						year: new Date().getFullYear(),
						majorCode: this.info.majorCode,
						collegeCode: this.info.collegeCode
					}).then(res => {
						if (res.code == 100000) {
							uni.showToast({
								title: '取消成功！'
							})
							this.isCancel = !this.isCancel;
						} else {
							uni.showToast({
								title: res.msg || '取消报名失败',
								icon: 'none'
							})
						}
					}).finally(() => {
						uni.hideLoading();
					})
				}
			},
			//录取成绩内部tabs切换
			handleChangeInfoTabsAdmission(index) {
				let sectionType = 'firstTotal';
				switch (index) {
					case 0:
						sectionType = 'firstTotal';
						break;
					case 1:
						sectionType = 'retestTotal';
						break;
					case 2:
						sectionType = 'enrollTotal';
						break;
				}
				this.getAdmission(sectionType);
			},
			//录取成绩接口
			getAdmission(sectionType = 'firstTotal') {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				let params = {
					majorCode: this.info.majorCode,
					year: this.yearOptions[0] || new Date().getFullYear(),
					dataSource: 1,
					sectionType: sectionType,
					schoolCode: this.info.schoolCode,
					collegeCode: this.info.collegeCode,
				}
				getScoreSection(params).then(res => {
					if (res.code == 100000) {
						let list = [];
						this.admissionInfo.interval = [];
						var first_x_value = [];
						var second_x_value = [];
						var third_x_value = [];
						var four_x_value = [];
						res.data.forEach((item) => {
							if (item['分数区间'] == '平均分' || item['分数区间'] == '最低分' || item['分数区间'] == '最高分') {
								first_x_value.push(Object.values(item)[1].replace('-', ''));
								second_x_value.push(Object.values(item)[2].replace('-', ''));
								third_x_value.push(Object.values(item)[3].replace('-', ''));
								four_x_value.push(Object.values(item)[4].replace('-', ''));
							}
						});
						this.admissionInfo.seriesData1 = [{
								"name": this.yearOptions[0],
								"data": first_x_value
							},
							{
								"name": this.yearOptions[1],
								"data": second_x_value
							},
							{
								"name": this.yearOptions[2],
								"data": third_x_value
							},
							{
								"name": this.yearOptions[3],
								"data": four_x_value
							},
						];
						this.admissionInfo.seriesData = list;
						this.admissionInfo.headers = [];
						this.$refs.admissionCj.getServerData();
						for (var i in res.data[0]) {
							this.admissionInfo.headers.push({
								label: i == '分数区间' ? '分类' : i.split("百分比").join(""),
								key: i,
								width: 116
							});
						}
						this.admissionInfo.headers[0].width = 220;
						this.admissionInfo.tableData = [];
						res.data.forEach(e => {
							if (e['分数区间'] == '平均分' || e['分数区间'] == '最低分' || e['分数区间'] == '最高分') {
								this.admissionInfo.tableData.push(e);
							}
						})
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//复试成绩内部tabs切换
			handleChangeInfoTabsRetest(index) {
				let sectionType = 'retestTotal';
				switch (index) {
					case 0:
						sectionType = 'retestTotal';
						break;
					case 1:
						sectionType = 'retestEnglish';
						break;
					case 2:
						sectionType = 'retestMajor';
						break;
					case 3:
						sectionType = 'interviewTotal';
						break;
					case 4:
						sectionType = 'retestPolitics';
						break;
				}
				this.getRetest(sectionType);
			},
			//复试成绩接口
			getRetest(sectionType = 'retestTotal') {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				let params = {
					majorCode: this.info.majorCode,
					year: this.yearOptions[0] || new Date().getFullYear(),
					dataSource: 1,
					sectionType: sectionType,
					schoolCode: this.info.schoolCode,
					collegeCode: this.info.collegeCode,
				}
				getScoreSection(params).then(res => {
					if (res.code == 100000) {
						let list = [];
						this.retestInfo.interval = [];
						var first_x_value = [];
						var second_x_value = [];
						var third_x_value = [];
						var four_x_value = [];
						res.data.forEach((item) => {
							if (item['分数区间'] == '平均分' || item['分数区间'] == '最低分' || item['分数区间'] == '最高分') {
								first_x_value.push(Object.values(item)[1].replace('-', ''));
								second_x_value.push(Object.values(item)[2].replace('-', ''));
								third_x_value.push(Object.values(item)[3].replace('-', ''));
								four_x_value.push(Object.values(item)[4].replace('-', ''));
							}
						});
						this.retestInfo.seriesData1 = [{
								"name": this.yearOptions[0],
								"data": first_x_value
							},
							{
								"name": this.yearOptions[1],
								"data": second_x_value
							},
							{
								"name": this.yearOptions[2],
								"data": third_x_value
							},
							{
								"name": this.yearOptions[3],
								"data": four_x_value
							},
						];
						this.retestInfo.seriesData = list;
						this.$refs.retestCj.getServerData();
						this.retestInfo.headers = [];
						for (var i in res.data[0]) {
							this.retestInfo.headers.push({
								label: i == '分数区间' ? '分数' : i.split("百分比").join(""),
								key: i,
								width: 116
							});
						}
						this.retestInfo.headers[0].width = 220;
						this.retestInfo.tableData = res.data;
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//初试成绩接口
			getScoreSection(sectionType = 'firstTotal', isAdjust = false) {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				let params = {
					majorCode: this.info.majorCode,
					year: this.yearOptions[0] || new Date().getFullYear(),
					dataSource: 1,
					sectionType: sectionType,
					schoolCode: this.info.schoolCode,
					collegeCode: this.info.collegeCode,
				}
				if (isAdjust) params['isAdjust'] = true;
				getScoreSection(params).then(res => {
					if (res.code == 100000) {
						let list = [];
						this.firstAchievement.interval = [];
						var first_x_value = [];
						var second_x_value = [];
						var third_x_value = [];
						var four_x_value = [];
						this.yearOptions.forEach((e, i) => {
							list.push({
								year: e,
								data: []
							})
							res.data.forEach(v => {
								if (v['分数区间'] != '平均分' && v['分数区间'] != '最低分' && v['分数区间'] != '最高分') {
									if (i === 0) {
										this.firstAchievement.interval.push(v['分数区间']);
									}
									for (let key in v) {
										if (key.indexOf(e) > -1) {
											let rate = v[key] == '-' ? 0 : v[key];
											list[i].data.push(rate);
										}
									}
								}
							})
						})
						res.data.forEach((item) => {
							if (item['分数区间'] == '平均分' || item['分数区间'] == '最低分' || item['分数区间'] == '最高分') {
								first_x_value.push(Object.values(item)[1].replace('-', ''));
								second_x_value.push(Object.values(item)[2].replace('-', ''));
								third_x_value.push(Object.values(item)[3].replace('-', ''));
								four_x_value.push(Object.values(item)[4].replace('-', ''));
							}
						});
						this.firstAchievement.seriesData1 = [];
						let seriesData1 = [{
								"name": this.yearOptions[0],
								"data": first_x_value
							},
							{
								"name": this.yearOptions[1],
								"data": second_x_value
							},
							{
								"name": this.yearOptions[2],
								"data": third_x_value
							},
							{
								"name": this.yearOptions[3],
								"data": four_x_value
							},
						];
						this.firstAchievement.seriesData1 = JSON.parse(JSON.stringify(seriesData1));
						this.firstAchievement.seriesData = list;
						if (isAdjust) {
							this.$refs.fristCj2.getServerData();
						} else {
							this.$refs.fristCj1.getServerData();
						}
						this.firstAchievement.headers = [];
						for (var i in res.data[0]) {
							this.firstAchievement.headers.push({
								label: i,
								key: i,
								width: 116
							});
						}
						this.firstAchievement.headers[0].width = 220;
						this.firstAchievement.tableData = res.data;
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//初试成绩（按第一志愿口）内的tabs切换
			handleChangeInfoTabsFrist(index, type) {
				let sectionType = 'firstTotal';
				switch (index) {
					case 0:
						sectionType = 'firstTotal';
						break;
					case 1:
						sectionType = 'firstEnglish';
						break;
					case 2:
						sectionType = 'firstPolitics';
						break;
					case 3:
						sectionType = 'firstMajor1';
						break;
					case 4:
						sectionType = 'firstMajor2';
						break;
				}
				this.getScoreSection(sectionType, type == 'getScoreSection2');
			},
			//报录比内的tabs切换
			handleChangeInfoTabs(index) {
				let arr = ['初试总分', '英语', '政治', '专一', '专二'];
				this.firstNumInfo.tableData = this.firstNumInfo.data[arr[index]];
			},
			//获取初试分数线
			getFirstScoreRate() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				firstScoreRate({
					majorCode: this.info.majorCode,
					schoolCode: this.info.schoolCode,
					collegeCode: this.info.collegeCode,
					year: this.yearOptions.join(','),
				}).then(res => {
					if (res.data['初试总分']) {
						for (var i in res.data['初试总分'][0]) {
							this.firstNumInfo.headers.push({
								label: i,
								key: i,
								width: 130
							});
						}
						this.firstNumInfo.headers.reverse();
						this.firstNumInfo.headers[0].width = 155;
						this.firstNumInfo.tableData = res.data['初试总分'];
						this.firstNumInfo.data = res.data;
						let firstCountInfo = [];
						let secondCountInfo = [];
						let thirdCountInfo = [];
						let fourCountInfo = [];
						res.data['英语'].forEach((item) => {
							if (item["分类"] == "普通") {
								//普通是测试 常规是正确的
								firstCountInfo.push(Object.values(item)[3].replace('-', ''))
								secondCountInfo.push(Object.values(item)[2].replace('-', ''))
								thirdCountInfo.push(Object.values(item)[1].replace('-', ''))
								fourCountInfo.push(Object.values(item)[0].replace('-', ''))
							}
						})
						res.data['政治'].forEach((item) => {
							if (item["分类"] == "普通") {
								//普通是测试 常规是正确的
								firstCountInfo.push(Object.values(item)[3].replace('-', ''))
								secondCountInfo.push(Object.values(item)[2].replace('-', ''))
								thirdCountInfo.push(Object.values(item)[1].replace('-', ''))
								fourCountInfo.push(Object.values(item)[0].replace('-', ''))
							}
						})
						res.data['专一'].forEach((item) => {
							if (item["分类"] == "普通") {
								//普通是测试 常规是正确的
								firstCountInfo.push(Object.values(item)[3].replace('-', ''))
								secondCountInfo.push(Object.values(item)[2].replace('-', ''))
								thirdCountInfo.push(Object.values(item)[1].replace('-', ''))
								fourCountInfo.push(Object.values(item)[0].replace('-', ''))
							}
						})
						res.data['专二'].forEach((item) => {
							if (item["分类"] == "普通") {
								//普通是测试 常规是正确的
								firstCountInfo.push(Object.values(item)[3].replace('-', ''))
								secondCountInfo.push(Object.values(item)[2].replace('-', ''))
								thirdCountInfo.push(Object.values(item)[1].replace('-', ''))
								fourCountInfo.push(Object.values(item)[0].replace('-', ''))
							}
						})
						res.data['初试总分'].forEach((item) => {
							if (item["分类"] == "普通") {
								//普通是测试 常规是正确的
								firstCountInfo.push(Object.values(item)[3].replace('-', ''))
								secondCountInfo.push(Object.values(item)[2].replace('-', ''))
								thirdCountInfo.push(Object.values(item)[1].replace('-', ''))
								fourCountInfo.push(Object.values(item)[0].replace('-', ''))
							}
						})
						this.firstNumInfo.seriesData = [{
								"name": this.yearOptions[0],
								"data": firstCountInfo
							},
							{
								"name": this.yearOptions[1],
								"data": secondCountInfo
							},
							{
								"name": this.yearOptions[2],
								"data": thirdCountInfo
							},
							{
								"name": this.yearOptions[3],
								"data": fourCountInfo
							},
						]
						this.$nextTick(() => {
							this.$refs.fristTotal.getServerData();
						})
					}
					this.initCollapse();
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//获取招生人数信息
			getBobInfo() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				getblb({
					majors: [{
						majorCode: this.info.majorCode,
						schoolCode: this.info.schoolCode,
						collegeCode: this.info.collegeCode,
					}]
				}).then(res => {
					console.log('res: ', res);
					if (res.code == 100000) {
						this.reportingInfo.headers = [{
							label: '年份',
							key: 'title',
							width: 160
						}];
						// 表格数据处理
						let arrData = [{
								title: '计划招'
							},
							{
								title: '实际录'
							},
							{
								title: '一志愿'
							},
							{
								title: '推免'
							},
							{
								title: '校内调'
							},
							{
								title: '校外调'
							},
						];
						this.reportingInfo.tableData = [];
						this.reportingInfo.list = [];
						res.data.forEach((item) => {
							this.reportingInfo.list.push({
								year: item.year,
								other: `${item.includeRecommend === 1 ? '含推免' : '不含推免'}，${item.includeSpecialPlan === 1 ? '专项计划可报考' :'专项计划不可报考'}`,
								statistics: item.statTypeStr || '无',
								speciaPlanCondition: item.specialPlanCondition,
								otherCondition: item.otherCondition,
								majorBan: item.majorBan,
								rate: item.retestEnrollRate
							})
							this.reportingInfo.headers.push({
								label: item.year,
								key: item.year,
								width: 130
							});
							arrData[0][item.year] = item.enrollStudentNumber;
							arrData[1][item.year] = item.enrollNumber;
							arrData[2][item.year] = item.applyNumber;
							arrData[3][item.year] = item.recommendNumber;
							arrData[4][item.year] = item.inAdjustSchoolInNum;
							arrData[5][item.year] = item.outAdjustSchoolInNum;
						});
						this.reportingInfo.tableData = arrData;
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//专项计划、调剂相关、其他  点击加载更多
			newArticleLoadmore(key) {
				if (this.newArticlePage.status == 'nomore') return;
				this.newArticlePage.page++;
				this.newArticlePage.status = 'loading';
				this.getNewarticleDetails(key);
			},
			//专项计划、调剂相关、其他
			getNewarticleDetails(key) {
				let type = key === 'getNewarticleDetails1' ? 1 : key === 'getNewarticleDetails2' ? 2 : 3;
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				newarticleDetails({
					'type': type,
					'code': this.info.schoolCode,
					"page": this.newArticlePage.page,
					"pageSize": this.newArticlePage.pageSize,
				}).then(res => {
					if (res.code == 100000) {
						if (this.newArticlePage.page == 1) {
							this.newArticle = res.data.list;
						} else {
							this.newArticle.push(...res.data.list);
						}
						if (!res.data || !res.data.list || res.data.list.length < this.newArticlePage.pageSize) {
							this.newArticlePage.status = 'nomore';
						} else {
							this.newArticlePage.status = 'loadmore';
						}
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//就业情况
			getJobDataInfo(keys) {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				getJobData({
					title: this.schoolInfo.schoolName
				}).then(res => {
					if (res.code == 100000) {
						if (keys == 'getJobData1') {
							this.jobBarCate = [];
							this.jobBarData = [];
							if (res.data?.province && res.data?.province?.length) {
								res.data.province.forEach(e => {
									this.jobBarCate.push(e.province_name);
									this.jobBarData.push(~~e.rate);
								})
								this.$nextTick(() => {
									this.$refs.jobBar.getServerData();
								})
							}
						} else if (keys == 'getJobData2') {
							if (res.data?.attr) {
								this.jobGroupCate = [];
								this.jobGroupData = [];
								for (let key in res.data.attr) {
									this.jobGroupCate.push(key)
									this.jobGroupData.push(~~res.data.attr[key])
								}
								this.$nextTick(() => {
									this.$refs.jobGroup.getServerData();
								})
							}
						} else {
							this.companyArr = res.data?.company || [];
						}
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//往年调剂情况
			getAdjustYearInfoData() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				getAdjustYearInfo({
					schoolCode: this.info.schoolCode,
					collegeCode: this.info.collegeCode,
					majorCode: this.info.majorCode
				}).then(res => {
					if (res.code == 100000) {
						this.retestHeaders = [{
							label: '年份',
							key: 'Type',
						}]
						this.receiveHeaders = [{
							label: '年份',
							key: 'Type',
						}];
						let data = res.data[0].accept;
						let list = [{
							Type: '是否接收调剂',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}, {
							Type: '接收调剂人数',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}, {
							Type: '接收同校调剂人数',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}, {
							Type: '调剂录取最低分',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}, {
							Type: '调剂录取平均分',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}, {
							Type: '调剂录取最高分',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}]
						let num = "";
						for (let b1 in data.acceptNumbers) {
							if (b1 == 1) {
								num = "ASecondYear"
								this.receiveHeaders.push({
									label: data.acceptNumbers[b1].year,
									key: 'ASecondYear',
								})
							} else if (b1 == 2) {
								num = "AThirdYear"
								this.receiveHeaders.push({
									label: data.acceptNumbers[b1].year,
									key: 'AThirdYear',
								})
							} else if (b1 == 3) {
								num = "FourthYear"
								this.receiveHeaders.push({
									label: data.acceptNumbers[b1].year,
									key: 'FourthYear',
								})
							} else {
								num = "AFirstYear";
								this.receiveHeaders.push({
									label: data.acceptNumbers[b1].year,
									key: 'AFirstYear',
								})
							}
							list[0][num] = data.isAccepts.length ? (data.isAccepts[b1].body ? '是' : '否') : '否';
							list[1][num] = data.acceptNumbers.length ? data.acceptNumbers[b1].body : 0;
							list[2][num] = data.acceptSameSchoolNumbers.length ? data.acceptSameSchoolNumbers[b1].body : 0;
							list[3][num] = data.minNumbers.length ? data.minNumbers[b1].body : 0;
							list[4][num] = data.avgNumbers.length ? data.avgNumbers[b1].body : 0;
							list[5][num] = data.maxNumbers.length ? data.maxNumbers[b1].body : 0;
						}
						this.receiveTableData = list;
						let retest = res.data[0].retest;
						let retestList = [{
							Type: '总分',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}, {
							Type: '英语',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}, {
							Type: '政治',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}, {
							Type: '专一',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}, {
							Type: '专二',
							AFirstYear: 0,
							ASecondYear: 0,
							AThirdYear: 0,
							FourthYear: 0
						}]
						let retestNum = "";
						for (let b1 in retest.avgNumbers) {
							if (b1 == 1) {
								retestNum = "ASecondYear"
								this.retestHeaders.push({
									label: retest.avgNumbers[b1].year,
									key: 'ASecondYear',
								})
							} else if (b1 == 2) {
								retestNum = "AThirdYear"
								this.retestHeaders.push({
									label: retest.avgNumbers[b1].year,
									key: 'AThirdYear',
								})
							} else if (b1 == 3) {
								retestNum = "FourthYear"
								this.retestHeaders.push({
									label: retest.avgNumbers[b1].year,
									key: 'FourthYear',
								})
							} else {
								retestNum = "AFirstYear";
								this.retestHeaders.push({
									label: retest.avgNumbers[b1].year,
									key: 'AFirstYear',
								})
							}
							retestList[0][retestNum] = retest.scores.length ? retest.scores[b1].body : 0;
							retestList[1][retestNum] = retest.englishScores.length ? retest.englishScores[b1].body : 0;
							retestList[2][retestNum] = retest.politicsScores.length ? retest.politicsScores[b1].body : 0;
							retestList[3][retestNum] = retest.major1Scores.length ? retest.major1Scores[b1].body : 0;
							retestList[4][retestNum] = retest.major2Scores.length ? retest.major2Scores[b1].body : 0;
						}
						this.fractionTableData = retestList;
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//往年调剂名单下拉
			sourceLoadmore() {
				if (this.sourcePage.status == 'nomore') return;
				this.sourcePage.pageNum++;
				this.sourcePage.status = 'loading';
				this.getAdjustSourceListData();
			},
			//往年调剂名单
			getAdjustSourceListData() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				getAdjustSourceList({
					schoolCode: this.info.schoolCode,
					majorCode: this.info.majorCode,
					pageSize: this.sourcePage.pageSize,
					pageNum: this.sourcePage.pageNum
				}).then(res => {
					if (res.code == 100000) {
						if (res.data && res.data.data.length) {
							if (this.sourcePage.pageNum == 1) {
								let str = this.$u.trim(res.msg);
								let arr = str.split(' ');
								let msg = [];
								arr.forEach(e => {
									let a = JSON.parse(JSON.stringify(e));
									let num = e.replace(/[^0-9]/g, '');
									msg.push(a.replace(/[0-9][0-9]*/g, `<span style="color:#F59A23;">${num}</span>`));
								})
								this.sourcePage.msg = msg.join(' ');
								this.adjustMentsTableData = res.data.data.map(e => {
									let year = String(e.year);
									return {
										year: year.substr(-2),
										name: this.cus(e.studentName),
										total: Math.floor(Number(e.firstTotal || 0)),
										english: Math.floor(Number(e.english || 0)),
										politics: Math.floor(Number(e.politics || 0)),
										specialityOne: Math.floor(Number(e.major1 || 0)),
										specialityTwo: Math.floor(Number(e.major2 || 0)),
										school: e.adjustSchoolName,
										majorName: e.majorName
									}
								});
							} else {
								let list = res.data.data.map(e => {
									let year = String(e.year);
									return {
										year: year.substr(-2),
										name: this.cus(e.studentName),
										total: Math.floor(Number(e.firstTotal || 0)),
										english: Math.floor(Number(e.english || 0)),
										politics: Math.floor(Number(e.politics || 0)),
										specialityOne: Math.floor(Number(e.major1 || 0)),
										specialityTwo: Math.floor(Number(e.major2 || 0)),
										school: e.adjustSchoolName,
										majorName: e.majorName
									}
								});
								this.adjustMentsTableData.push(...list);
							}
						}
						if (!res.data || !res.data.data || res.data.data.length < this.sourcePage.pageSize) {
							this.sourcePage.status = 'nomore';
						} else {
							this.sourcePage.status = 'loadmore';
						}
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//同校去向下拉
			txGoLoadmore() {
				if (this.txGoPage.status == 'nomore') return;
				this.txGoPage.pageNum++;
				this.txGoPage.status = 'loading';
				this.getAdjustGoListData();
			},
			//同校去向
			getAdjustGoListData() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				getAdjustGoList({
					schoolCode: this.info.schoolCode,
					majorCode: this.info.majorCode,
					pageSize: this.txGoPage.pageSize,
					pageNum: this.txGoPage.pageNum,
				}).then(res => {
					if (res.code == 100000) {
						if (res.data && res.data.data.length) {
							if (this.txGoPage.pageNum == 1) {
								let str = this.$u.trim(res.msg);
								let arr = str.split(' ');
								let msg = [];
								arr.forEach(e => {
									let a = JSON.parse(JSON.stringify(e));
									let num = e.replace(/[^0-9]/g, '');
									msg.push(a.replace(/[0-9][0-9]*/g, `<span style="color:#F59A23;">${num}</span>`));
								})
								this.txGoPage.msg = msg.join(' ');
								this.txTableData = res.data.data.map(e => {
									return {
										year: e.year,
										name: this.cus(e.studentName),
										total: e.firstTotal,
										english: e.english,
										politics: e.politics,
										specialityOne: e.major1,
										specialityTwo: e.major2,
										school: e.schoolName,
									}
								})
							} else {
								let list = res.data.data.map(e => {
									return {
										year: e.year,
										name: this.cus(e.studentName),
										total: e.firstTotal,
										english: e.english,
										politics: e.politics,
										specialityOne: e.major1,
										specialityTwo: e.major2,
										school: e.schoolName,
									}
								});
								this.txTableData.push(...list);
							}
						}
						if (!res.data || !res.data.data || res.data.data.length < this.txGoPage.pageSize) {
							this.txGoPage.status = 'nomore';
						} else {
							this.txGoPage.status = 'loadmore';
						}
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//姓名脱敏
			cus(name) {
				if (name && name != undefined && name != '') {
					let name2 = '';
					if (name.length == 2) {
						name = name.substring(0, 1) + '*'
					}
					if (name.length > 2) {
						name = name.substring(0, 1) + '*' + name.charAt(name.length - 1)
					}
					return name
				} else {
					return name
				}
			},
			//研究方向、考试科目、参考书目
			getOther() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				getOther({
					'collegeCode': this.info.collegeCode,
					'majorCode': this.info.majorCode,
					'schoolCode': this.info.schoolCode,
				}).then(res => {
					let list = [];
					for (let key in res.data) {
						if (res.data[key] && res.data[key].length) {
							list.push(res.data[key]);
						}
					}
					list.forEach(e => {
						e.forEach(v => {
							v['major'] = v.coreStudyDirectionEntityList[0].name.split('/');
						})
					})
					this.diretion = list;
					this.initCollapse();
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//导师
			getTeacherList() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				getTeacherList({
					'collegeCode': this.info.collegeCode,
					'majorCode': this.info.majorCode,
					'schoolCode': this.info.schoolCode,
					'year': new Date().getFullYear(),
					'pageNum': 1,
					'pageSize': 10,
				}).then(res => {
					this.teacherList = res.data.rows || [];
					this.initCollapse();
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//学制、学费和奖学金
			getSchoolProceInfos() {
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				getSchoolPriceInfo({
					'collegeCode': this.info.collegeCode,
					'majorCode': this.info.majorCode,
					'schoolCode': this.info.schoolCode,
				}).then(res => {
					if (res.code == 100000) {
						this.priceInfo = res.data;
						this.initCollapse();
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//异步初始化折叠面板高度
			initCollapse() {
				this.$nextTick(() => {
					this.$refs.uCollapse.init();
				})
			},
			//获取专业列表
			getMajorList() {
				querySchoolDtail({
					code: this.info.schoolCode
				}).then(res => {
					this.schoolInfo.logo = res.data.imageUrl;
					this.schoolInfo.tags = res.data.baseSchoolTypes || [];
				})
				uni.showLoading({
					title: '加载中...',
					mask: true
				});
				getMajorList({
					'collegeCode': this.info.collegeCode,
					'majorCode': this.info.majorCode,
					'schoolCode': this.info.schoolCode,
					'pageNum': 1,
					'pageSize': 10,
					'isKwkd': true
				}).then(res => {
					if (!res.data.rows.length) {
						uni.showToast({
							title: '专业列表获取失败！',
							icon: 'none'
						});
						setTimeout(() => {
							uni.navigateBack(1);
						}, 1500)
						return;
					}
					let {
						schoolName,
						majorName,
						studyType,
						subjectRank,
						establishNum,
						collegeName,
						majorStar
					} = res.data.rows[0];
					this.schoolInfo.schoolName = schoolName;
					this.schoolInfo.majorName = majorName;
					this.schoolInfo.studyType = studyType;
					this.schoolInfo.subjectRank = subjectRank;
					this.schoolInfo.establishNum = establishNum;
					this.schoolInfo.collegeName = collegeName;
					this.schoolInfo.majorStar = majorStar;
					this.getTrafficInfo();
					this.getTopYear();
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//初始化数据
			initForm() {
				this.$nextTick(() => {
					this.priceInfo = {};
					this.teacherList = [];
					this.diretion = [];
					this.adjustMentsTableData = [];
					this.txTableData = [];
					this.fractionTableData = [];
					this.receiveTableData = [];
					this.newArticlePage = [];
					this.firstAchievement.tabChoose = 0;
					this.nameListInfo.tableData = [];
					this.newArticlePage = {
						page: 1,
						pageSize: 10,
						status: 'loadmore'
					}
				})
			},
			async handleCollapseItemChange({
				index,
				show
			}, key) {
				/* 
				 show 是判断折叠面板打开还是关闭的
				 因为此页面数据量非常大，我们想到的方法是关闭清除掉数据，打开获取数据展示
				 使用枚举对象来进行归类
				 */
				this.initForm()
				let priceInfo = ['educationalSystem', 'tuition', 'scholarship']; //学制学费奖学金
				let teacher = ['getTeacherList']; //导师
				let diretion = ['diretion']; //研究方向、参考书目、考试科目
				let adjust = ['getAdjustGoList']; //同校去向
				let adjucstSource = ['getAdjustSourceList']; //往年调剂名单
				let adjucstDetail = ['getAdjustYearInfo']; //调剂信息
				let job = ['getJobData1', 'getJobData2', 'getJobData3']; //就业情况
				let newarticleDetails = ['getNewarticleDetails1', 'getNewarticleDetails2',
					'getNewarticleDetails3'
				]; //调剂相关、报录比详细介绍、其他信息
				let blb = ['getblb']; //报录比
				let fristTotal = ['getFirstScoreRate']; //初试分数线
				let fristCj = ['getScoreSection1', 'getScoreSection2']; //初试成绩（按第一志愿口径）
				let retest = ['retestCj'] //复试成绩
				let admission = ['admission']; //录取成绩
				let nameList = ['nameList']; //复试名单&录取名单
				if (show) {
					if (priceInfo.includes(index)) {
						await this.getSchoolProceInfos(index);
					}
					if (teacher.includes(index)) {
						await this.getTeacherList();
					}
					if (diretion.includes(index)) {
						await this.getOther();
					}
					if (adjust.includes(index)) {
						await this.getAdjustGoListData();
					}
					if (adjucstSource.includes(index)) {
						await this.getAdjustSourceListData();
					}
					if (adjucstDetail.includes(index)) {
						await this.getAdjustYearInfoData();
					}
					if (job.includes(index)) {
						await this.getJobDataInfo(index);
					}
					if (newarticleDetails.includes(index)) {
						await this.getNewarticleDetails(index);
					}
					if (blb.includes(index)) {
						await this.getBobInfo();
					}
					if (fristTotal.includes(index)) {
						await this.getFirstScoreRate();
					}
					if (fristCj.includes(index)) {
						if (index === 'getScoreSection2') {
							await this.getScoreSection('firstTotal', true);
						} else {
							await this.getScoreSection();
						}
					}
					if (retest.includes(index)) {
						await this.getRetest();
					}
					if (admission.includes(index)) {
						await this.getAdmission();
					}
					if (nameList.includes(index)) {
						await this.getNameList();
					}
				}
			},
			tabsChange(e) {
				this.current = e;
				this.current1 = false;
				this.current2 = false;
				this.current3 = false;
				if (e === 4) {
					this.$nextTick(() => {
						this.$refs.schoolInfo.getData();
					})
					return;
				}
				if (!this.isFree) {
					switch (e) {
						case 1:
							this.getBobInfo();
							this.current1 = true;
							break;
						case 2:
							this.getAdjustYearInfoData();
							this.current2 = true;
							break;
						case 3:
							this.getJobDataInfo('getJobData1');
							this.current3 = true;
							break;
					}
				}
			},
			getTopYear() {
				getMaxEnrollInfoYears().then((res) => {
					this.yearOptions = res.data;
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		background-color: #FFF;

		.top {
			background-color: rgba(247, 221, 94, 1.0);
			padding: 30rpx 30rpx 40rpx;
			height: 274rpx;
			border-radius: 0 0 50rpx 50rpx;
		}
	}

	.charts-box {
		width: 100%;
		height: 300px;
	}

	.diretionBox {
		margin-bottom: 48rpx;
		border: 2rpx dashed #D7D7D7;
		border-radius: 32rpx;
		overflow: hidden;
		position: relative;

		.header {
			display: flex;
			justify-content: center;
			flex-direction: column;
			min-height: 108rpx;
			border-bottom: 2rpx solid #eee;
			background-color: #f1f1f1;
			border-bottom: 2rpx dashed #D7D7D7;
			padding-left: 180rpx;
			padding-top: 30rpx;
			padding-bottom: 30rpx;

			.title {
				height: 50rpx;
				line-height: 50rpx;
			}

			.year {
				top: -2rpx;
				left: -2rpx;
				background: #FACD91;
				color: #fff;
				height: 56rpx;
				line-height: 56rpx;
				border-top-left-radius: 32rpx;
				border-bottom-right-radius: 32rpx;
				padding: 0 20rpx;
				text-align: center;
				position: absolute;
			}
		}

		.direction-item {
			padding-bottom: 40rpx;
		}
	}

	.tips {
		background-color: #FFFFDD;
		color: #333333;
		font-size: 24rpx;
		height: 88rpx;
		display: flex;
		align-items: center;
		padding-left: 25rpx;
		padding-right: 25rpx;
		border-radius: 12rpx;
		font-weight: 600;
	}

	.blok {
		display: block;
		width: 16rpx;
		height: 16rpx;
		border-radius: 50%;
		background-color: rgba(247, 221, 94, 1);
		margin: 21rpx 30rpx 20rpx 8rpx;
	}

	.con {
		flex: 1;
		display: flex;
		flex-direction: column;
		margin-top: 0;

		text {
			font-size: 28rpx;
			color: #595959;
			line-height: 45rpx;
		}

		text+text {
			font-size: 26rpx;
			color: #bfbfbf;
		}
	}

	.group {
		border-radius: 100rpx;
		overflow: hidden;
		background-color: #e8e8e8;
	}

	.prediction {
		border-radius: 100rpx;
		background-color: #000;
		padding: 15rpx;
		margin-left: auto;
	}

	.unlock {
		border-radius: 100rpx;
		background-color: #000;
		padding: 15rpx 30rpx;
	}

	.star {
		font-size: 40rpx;
		font-weight: bold;
		color: #000;
		margin-left: auto;
		padding-right: 20rpx;
	}

	.badge {
		border: 6rpx solid #FBF8EE;
		border-radius: 100rpx;
		width: 40rpx;
		height: 40rpx;
	}

	.mask {
		position: fixed;
		top: 370rpx;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(255, 255, 255, .5);
		z-index: 80;
		filter: blur(0);
		backdrop-filter: blur(4px);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.reportingInfoYear {
		background-color: #F2F2F2;
		border-radius: 100rpx;
		padding: 8rpx 16rpx;
	}


	.tipsBox {
		position: fixed;
		bottom: 20vh;
		right: 40rpx;
		width: 120rpx;
		height: 120rpx;
		border-radius: 100rpx;
		background-color: rgba(0, 0, 0, .5);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		font-size: 20rpx;
		color: #FFF;
		z-index: 70;
	}

	.lineBox {
		width: 100%;
		height: 2rpx;
		background-color: #F2F2F2;
	}
</style>